<template>
  <basic-container>
    <el-tabs v-model="activeName" class="demo-tabs">
      <el-tab-pane label="文件签署" name="first">
        <sign-detail :seal-id="sealId" v-if="activeName === 'first'"></sign-detail>
      </el-tab-pane>
      <el-tab-pane label="导出自用" name="second">
        <use-detail :seal-id="sealId" v-if="activeName === 'second'"></use-detail>
      </el-tab-pane>
    </el-tabs>
  </basic-container>
</template>

<script setup>
import {ref,getCurrentInstance} from 'vue';
import SignDetail from './UseDetail/SignDetail.vue';
import UseDetail from './UseDetail/UseDetail.vue';

const {proxy} = getCurrentInstance()

const activeName = ref("first")

//接收传过来的路由信息
const sealId = proxy.$route.query.sealId

</script>

<style scoped>
/* 表格样式 */
/deep/ .el-table{
  margin-top: 10px;
}
/deep/ .el-table th{
  border-bottom: 1px solid #e8eaec !important;
}
/deep/ .el-table__header-wrapper th{
  background: #f8f8f9;
  color: #515a6e;
}

.status_icon{
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: red;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-right: 6px;
}
</style>
